<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>登录</title>
    <link rel="stylesheet" href="/static/css/login.css"/>
</head>
<body>
<div class="container">
    <div class="box">
        <div class="transition-box">
            <div class="login-box">
                <h1>欢迎回来</h1>
                <section>
                    <label for="login-tenant">租户</label>
                    <select id="login-tenant">
                        <option th:each="obj:${tenantList}"
                                th:value="${obj.code}"
                                th:text="${obj.name}"
                        th:selected="${obj.code} == ${selectedOption}">
                        </option>
                    </select>
                </section>
                <section>
                    <label for="login-username">账号</label>
                    <input type="text" id="login-username"/>
                </section>
                <section>
                    <label for="login-password">密码</label>
                    <input type="password" id="login-password"/>
                    <span>忘记密码?</span>
                </section>
                <button type="button" id="login">登录</button>
            </div>
            <div class="reg-box" style="display: none">
                <h1>立即注册</h1>
                <section>
                    <label for="reg-tenant">租户</label>
                    <select id="reg-tenant">
                        <option th:each="obj:${tenantList}"
                                th:value="${obj.code}"
                                th:text="${obj.name}"
                                th:selected="${obj.code} == ${selectedOption}">
                        </option>
                    </select>
                </section>
                <section>
                    <label for="reg-username">账号</label>
                    <input type="text" id="reg-username"/>
                </section>
                <section>
                    <label for="reg-password">密码</label>
                    <input type="password" id="reg-password"/>
                </section>
                <button type="button" id="reg">注册</button>
            </div>
        </div>
        <div class="transferToReg">
            <h1 class="title">还未注册？</h1>
            <span class="subTitle">立即注册，发现大量机会！</span>
            <button type="button" id="transferBtn">注册</button>
        </div>
    </div>
</div>
</body>
<script src="/static/js/login.js"></script>
<script src="/static/js/commonUtils.js"></script>
</html>
